  <template>
  <div id="app">
    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->
    <router-view></router-view>
    <!-- 在页面显示子组件 -->
  </div>
</template>

  <script>
// 导入子组件
export default {
  name: "App",
  // 注册组件
  
};
</script> 



<style>
html,body{
  height: 100%;
}
.page{
  height: 100%;
}
#app{
  height: 100%;
}
</style>
